﻿@{
    ViewBag.Title = "保护隐私";
    var safeLevel = Html.F().GetUserSafeLevel(Model);
}

<link href="/Content/Default/CSS/Safe_Center.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    $().ready(function () {
        $("#Safe_Center").css("background", "#e0524b");
        $("#Safe_Center i,#Safe_Center span").css("color", "white");
        $("#Safe_Center .san-jiaoxing").css("display", "block");
    });
</script>
<style type="text/css">
    .ui-body
    {
        padding: 0;
        background-color: white;
    }
    .ui-grid-20
    {
        width: 778px;
        margin-left: -20px;
    }
</style>
@Html.Action("_UserBanner")
<div class="ui-body">
    <div class="ui-inner">
        <div class="ui-grid-row">
            @Html.Action("UserMenu", new { route = MenuRoute.SafeCenter })
            <div class="ui-grid-20">
                    <div class="ui-box">
                        <div class="ui-box">
                            <div style="font-size: 16px; font-weight: bold;">
                                尊敬的众禧贷用户
                            </div>
                            <div style="height: 109px; border-bottom: 1px solid #f6f6f6;">
                                <ul class="ui-SafeImage">
                                    <li>您的账户安全等级</li>
                                    <li style="margin-left: 30px;">
                                        <div style="background-color: #f1f1f1; margin-top: 2px; box-shadow: inset 0 1px 2px #ccc;
                                                                                                                                                                                            width: 500px; height: 20px; border-radius: 10px;">
                                            <div style="width: @safeLevel%; height: 20px; border-radius: 10px; background: url(/Content/Default/Images/safe_img.png) repeat-x">
                                            </div>
                                        </div>
                                    </li>
                                    <li style="margin-left: 30px;">
                                
                                        @if (safeLevel < 80)
                                        {
                                            <text>低</text>
                                        }
                                        else if (safeLevel < 90)
                                        {
                                            <text>中</text>
                                        }
                                        else if (safeLevel == 100)
                                        {
                                            <text>高</text>
                                        }
                                
                                    </li>
                                </ul>
                            </div>

                            <div class="ui-tab">
                                <ul class="ui-tab-items">
                                    <li>
                                        <a href="@Url.Action("SafeCenter")">账户资料</a>
                                    </li>
                                    <li class="ui-tab-item-shu">|</li>
                                    <li class="ui-tab-item-yhzl">保护隐私安全</li>
                                </ul>
                            </div>
                        </div>
                        <div class="ui-table-container">
                            <table class="ui-table ui-table-inbox ui-safe-box">
                                <tbody>
                                    <tr>
                                        <td>身份信息</td>
                                        <td>将按照《<a href="javascript:void(0);" style="color: Red;" onclick=" javascript:window.open('/Article/Agreement2/', '', 'width=1024px;height=768px,status=0,toolbar=no,menubar=no,location=no,scrollbars=yes,top=20,left=20,resizable=no'); ">众禧贷投资咨询与管理服务协议</a>》的相关规定来保护您的身份信息安全</td>
                                        <td><i class="iconfont passed">&#xf0156;</i> 保护中</td>
                                    </tr>
                                    <tr class="ui-table-split">
                                        <td>银行卡信息</td>
                                        <td>将按照《<a href="javascript:void(0);" style="color: Red;" onclick=" javascript:window.open('/Article/Agreement2/', '', 'width=1024px;height=768px,status=0,toolbar=no,menubar=no,location=no,scrollbars=yes,top=20,left=20,resizable=no'); ">众禧贷投资咨询与管理服务协议</a>》的相关规定来保护您的银行卡信息安全</td>
                                        <td><i class="iconfont passed">&#xf0156;</i> 保护中</td>
                                    </tr>
                                    <tr>
                                        <td>手机号码</td>
                                        <td>将按照《<a href="javascript:void(0);" style="color: Red;" onclick=" javascript:window.open('/Article/Agreement2/', '', 'width=1024px;height=768px,status=0,toolbar=no,menubar=no,location=no,scrollbars=yes,top=20,left=20,resizable=no'); ">众禧贷投资咨询与管理服务协议</a>》的相关规定来保护您的手机信息安全</td>
                                        <td><i class="iconfont passed">&#xf0156;</i> 保护中</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                    </div>
            </div>
        </div>
    </div>
</div>
<div style="margin-top: -10px;">@Html.Partial("_BindBottomImage")</div>



